@charset "utf-8";

.wraper { margin-left: 80px; height: 100%!important; }
.wraper .inner-menu { position: fixed; width: 200px; height: 100%!important; overflow-y: auto; border-right: 1px solid #e7e7e7; }
.wraper .inner-menu .header { font-size: 18px; font-weight: bold; padding: 25px; }
.wraper .inner-menu .header .prompt { font-size: 11px; font-weight: normal; }
.wraper .inner-menu .header a { color: rgba(0,0,0,0.6)!important; }
.wraper .inner-menu .header a:hover { color: rgba(0,0,0,.75)!important; }
.wraper .inner-menu .item { display: inline-block; width: 100%; font-size: 13px; padding: 10px 25px; border: none; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.wraper .inner-menu .item.active { background: rgba(0,0,0,.08); }
.wraper .inner-menu a.item { color: rgba(0,0,0,.75); text-decoration: none; }

.wraper .content { position: relative; margin-left: 200px; padding: 20px 40px; }
.wraper .content .header { font-size: 18px; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; }
.wraper .content .header a { color: rgba(0,0,0,0.6)!important; }
.wraper .content .header a:hover { color: rgba(0,0,0,.75)!important; }
.wraper .content .form { padding: 1.5em; max-width: 100%; }
.wraper .content .form .input { padding: 1.5em; font-size: 1.2em; }
.wraper .content .form .button { padding: 0.8em; font-size: 1.2em; }

.wraper .viewlist { padding: 10px; }
.wraper .viewlist .item { display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 160px; margin-right: 6px; cursor: pointer; }
.wraper .viewlist a { color: rgba(0,0,0,0.6)!important; }
.wraper .viewlist a:hover { color: rgba(0,0,0,.75)!important; }
.wraper .viewlist a.item { text-decoration: none; }
.wraper .viewlist .item img { vertical-align: middle; width: 100%; height: 120px; }
.wraper .viewlist .item .name { display: inline-block; width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.wraper .cardlist { }
.wraper .cardlist .item { display: inline-block; vertical-align: top; width: 330px; padding: 16px 10px; margin: 10px; border: 1px solid #ddd; }
.wraper .cardlist a.item { text-decoration: none; }
.wraper .cardlist .item .avatar { position: absolute; }
.wraper .cardlist .item .avatar img { width: 64px; height: 64px; border: none; vertical-align: middle; border-radius: 64px; -webkit-border-radius: 64px; -moz-border-radius: 64px; -ms-border-radius: 64px; -o-border-radius: 64px; }
.wraper .cardlist .item .info { padding-left: 80px; line-height: 30px; }
.wraper .cardlist .item .info div.name { display: inline-block; color: #428bca!important; text-decoration: none; font-weight: bold; }
.wraper .cardlist .item .info .edit { display: inline-block; padding: 0 2px; cursor: pointer; color: rgba(0,0,0,0.6); }
.wraper .cardlist .item .action { padding-left: 80px; line-height: 30px; }
.wraper .cardlist .item .action div { display: inline-block; padding: 0px 10px 0 0; cursor: pointer; }
.wraper .cardlist .item .action div:hover { font-weight: bold; }
.wraper .cardlist .item .action div>i { margin: 0 2px 0 0; }
